import { styled } from "styled-components";

export const VideoWarpper = styled.div`
width: 100%;
height: ${props => props.height};

.player-wrapper {
  height: 100% !important;
  width: 100% !important;
  /* display: flex;
  flex-direction: column; */
  .player-box{
    height: 100% !important;
    /* flex: 1; */
    width: 100% !important;
  }
  .player-box,
  .sub-wnd,
  .play-window {
    /* width: 100% !important;
    height: 100% !important; */
    /* transform: scale(1) !important; */
  }
  .controls {
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.4);
    padding: 0 12px;
    display: flex;
    align-items: center;
  }
}
`